/*index CSS 2018-3-24*/
/*focus*/
main{ height: auto; padding: 0 0 20px; background: #fff; width:1000px; margin:0 auto;}
#focus{ width: 64%;float: left; margin-right: 20px;}
#focus .item img{ display: block; height: 405px;}
.focus_caption{ position: absolute; bottom: 0; left:0; width: 100%; background: url(../img/focus_01.png) left top repeat-x; background-size: contain; color: #fff;font-size: 16px;}
#focus .owl-dots{ position: absolute; color: #fff; bottom:10px; right:15px;} 
#focus .owl-dots .owl-dot:hover span,#focus .owl-dots .owl-dot.active span{ background: #fff;}
#focus .owl-dots .owl-dot.active span,#cehua .owl-dots .owl-dot.active span{background:#1358a6; opacity: 1;width:30px;-webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.firstNews{width:100%; height: auto; overflow: hidden; text-align: center;padding-bottom:35px;}
.firstNews h1.bt01{ display:none;}
.firstNews h1 a{ font-size:44px;}
.firstNews h1{padding-bottom:8px;}
.firstNews p a{color:#666; padding:0 2px;}
.news_r{ width:33.5%;overflow: hidden; float: right;}
.news_r ul li{height:34px;width:100%;}
.news_r ul li img{ vertical-align:text-top;}
.news_r ul li a,.sz_news ul li a,.wxhdList ul li a{ display: block; position: relative; height:34px;line-height:34px;padding-left:12px;}
.news_r ul li:first-of-type a,.sz_news ul li:first-of-type a{font-size:16px; font-family: "微软雅黑", Microsoft YaHei, arial;font-weight:600;color:#195aa4;}
.news_r ul li a::before,.sz_news ul li a::before,.wxhdList ul li a::before{ content: "";width:3px;height:3px; position: absolute;left:0;top:50%; background:#d1d1d1;margin-top:-2px;}
.news_r ul:nth-of-type(2){padding:15px 0;border-bottom:1px dotted #dedede;}
.news_r ul:nth-of-type(3){padding-top:15px;}
.news_r ul:nth-of-type(3) li:first-of-type a{color:inherit;}
.news_r ul:nth-of-type(3) li a{font-family: "微软雅黑", Microsoft YaHei, arial;}
.news_r ul:nth-of-type(3) li a::before{ background: #e30b20;}
.news_r ul:nth-of-type(3) li:first-of-type a img{padding-right:5px; vertical-align: middle;}
.news_r ul li:first-of-type a:hover,.sz_news ul li a:hover{color:#e30b20;}
.news_r ul li:first-of-type a:hover::before,.sz_news ul li a:hover::before{background:#e30b20;}
.ad01{margin-top:20px;}
.ad01sj{ display:none;}
.news_r ul li a:hover::before,.sz_news ul li a:hover::before,.wxhdList ul li a:hover::before{background:#e30b20;}
/*新闻动态*/
.xinwen_inner,.youqingLink_inner{margin-top:25px;}
.sz_news{width:31%; float: left; height: auto; overflow: hidden;}
.sz_news ul{ height: auto; overflow:hidden;}
.sz_news ul li a{height:38px;line-height:38px;}
.sz_news ul li:first-of-type a::before{ display: none;}
.sz_news ul li:first-of-type a{ background: #f8f8f8;color:#195aa4;}
.sz_news ul li:first-of-type a img{ vertical-align: middle;padding-right:10px;}
/*评论争鸣*/
.zx_news{width:65.5%; height: auto; overflow: hidden; float: right;}
.left_news{ float: left; height: auto; overflow: hidden; width:50%;;padding-right:17px;}
.left_news dt{width:117px; float:left;}
.left_news dd{padding-left:17px; overflow: hidden;}
.left_news dd h6{font-size:16px;}
.left_news dd p{color:#666; text-indent: 28px;padding-top:10px; line-height:26px;}
.zx_news ul li:first-of-type a{ background: none;color:inherit;font-size:14px;font-weight:normal; font-family: "宋体";}
.right_news{ float: left;width:50%;padding-left:17px;padding-bottom:20px;}
.zx_news ul li:first-of-type a::before{ display: block;}
.zx_news ul li:first-of-type a:hover{color:#e30b20;}
.shiping{width:100%; height:auto; overflow: hidden;border-top:1px dotted #d8d8d8;padding-top:20px;}
.shiping dt{width:56px;height:100%; float: left; text-align: center;padding-top:3px;border-right:1px solid #d8d8d8;color:#e40c21;font-weight:bold;font-family: "微软雅黑", Microsoft YaHei, arial;}
.shiping dd{padding-left:15px; overflow: hidden;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color:#888;}
.shiping dd a{color:#333;}
.shiping dd span{color:#888;font-size:12px;padding-left:25px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.shiping dd:nth-of-type(2){padding-top:10px;}
/*btnrukou*/
.btnrukou{margin-top:25px ;}
.rukoul{ float: left; height: auto; padding:0 0 24px;width:72%;}
.rukouTit{position:relative;width:130px; float: left;border:1px solid #ccc; background: url(../img/index12.png) 104px center no-repeat #fff;margin-left:40px;margin-right:0;}
.rukouTit .btnSelect{padding:4px 5px; display: block;line-height:24px; cursor: pointer;color:#999;}
.rukouTit .ulDiv{z-index:100; position: absolute;width:300px; margin-left:-1px; background: #fff;border:1px solid #ccc; text-indent: 30px; display: none;}
.rukouTit .ulDiv a{ display: block;height:30px;line-height:30px;}
.rukouTit .ulShow{ display: block;}
.rukouTit .btnSelect span{  display:block;width:24px;height:24px;background: #477bb6;border-radius: 2px; float: left;margin-right:8px;}
.rukouTit .btnSelect span img{ display: block; margin:5px auto;}
/*btnrukou6.28修改*/
.rukoul_top{padding:35px 0 20px; height: auto;min-height:113px; background: #f8f8f8;}
.ad02_add{margin-top:10px;width:100%;}

.rukour{ overflow: hidden; float: right;padding:23px 25px;width:27.8%; background: url(../img/wyb.png) no-repeat 163px 28px #f5f8ff;}
.rukour dl{width:100%; text-align: center;}
.rukour dt{ float: left;}
.rukour dt img{-moz-box-shadow:2px 5px 10px #ddd; -webkit-box-shadow:2px 5px 10px #ddd; box-shadow:2px 5px 10px #ddd;border:1px solid #ddd;}
.rukour a:hover dt img{ opacity: .8;}
.rukour dd{margin-top:158px; float: left;margin-left:10px;}
.rukour dd span{font-weight:bold;color:#e40c21;font-family: "微软雅黑", Microsoft YaHei, arial;}
.rukour p{ display: inline-block;}
.rukour p span{ display: inline-block;border:1px solid #ccc;height:24px;width:24px;line-height:24px; text-align: center; font-family: arial; background: #fff;border-radius: 3px;margin-left:6px;}
.rukour p span:nth-last-of-type(1){margin-right:6px;}
.ad02 a{ display: block; float: left;}
.ad02 a:nth-of-type(1){padding-right:1px;width:69%; overflow: hidden;}
.ad02 a:nth-of-type(2){width:30.9%;}
/*会员在线*/
.bwch_inner{margin-top:20px;}
.huiyuan{width:92%; margin:0 auto;}
#cehua{padding-top:10px;}
#cehua dl{ height: auto; overflow: hidden;}
#cehua dt{ float: left; overflow: hidden; text-align: center;}
#cehua dt span{ display:block;width:110px;height:110px; overflow: hidden;margin-bottom:5px;border-radius: 110px;-moz-border-radius: 110px;
-webkit-border-radius: 110px;
-o-border-radius: 110px;}
#cehua dt span img{border-radius: 110px;-moz-border-radius: 110px;
-webkit-border-radius: 110px;
-o-border-radius: 110px;}
#cehua dd{ overflow: hidden;padding:18px 0 18px 18px;color:#808080; text-indent: 28px; position: relative; line-height:24px;}
#cehua dd::before,#cehua dd::after{content: "";width:16px;height:16px;position: absolute; opacity: .5;}
#cehua dd::before{ background: url(../img/art_ico01.png) no-repeat; left:18px;top:0;}
#cehua dd::after{background: url(../img/art_ico02.png) no-repeat;right:0;bottom:0;}
#cehua .owl-nav [class*=owl-]{ font-size: 0; position: absolute; top:50%; width:30px; height: 48px; margin-top: -50px; background:rgba(0,0,0,0.5) url(../img/arrow02_l.png) center center no-repeat;}
#cehua .owl-nav [class*=owl-].owl-prev{ left:-5%; opacity: .5}
#cehua .owl-nav [class*=owl-].owl-next{ right:-5%; background-image: url(../img/arrow02_r.png); opacity: .5; }
#cehua:hover .owl-nav [class*=owl-]{ background-color:rgba(0,0,0,0.70);} 
#cehua:hover .owl-nav [class*=owl-].owl-next,#cehua:hover .owl-nav [class*=owl-].owl-prev{ opacity:.6;}
#cehua .owl-dots{margin-top:25px;}
#cehua .owl-dots .owl-dot span:hover{background:#1358a6;}
/*新作品*/
.tougao{ display: inline-block;width:80px;font-weight:normal;color:#195aa4;line-height:30px;border:1px solid #195aa4;margin-top:11px;border-radius: 20px; text-align: center;margin-left:15px;}
.title_01 .tougao:hover{ background: #195aa4;color:#fff;}
.xinzp01{width:31%; height: auto; overflow: hidden; float: left;margin-right:3.5%;}
.xinzpTxt{padding:22px 20px; background: #f8f8f8;}
.xinzpTxt h5 a{font-size:16px; display: block;}
.xinzpTxt h5 a img{ vertical-align: middle;padding-right:10px;margin-top:-4px; display: inline-block;}
.xinzpTxt p{color:#666;padding:10px 0; line-height:26px;}
.xinzpTxt span{ display: block;font-size:12px;color:#999;}
.xinzp01 ul{ height: auto; overflow: hidden;padding-top:10px;}
.xinzp01 li{ height: auto;padding:8px 0;padding-left:14px; position: relative;}
.xinzp01 li::before{width:3px;height:3px; content: ""; position: absolute;top:22px;left:0; background: #d1d1d1;}
.xinzp01 li p{width:100%; height: auto; overflow: hidden;}
.xinzp01 li a{ display:block;height:30px;line-height:30px; float: left;padding-left:8px;}
.xinzp01 li .leibie{color:#195aa4; position: relative;padding-right:8px;padding-left:0;}
.xinzp01 li .leibie::after{content: "";width:1px;height:14px; background: #ccc; display:block; position: absolute;right:0;top:50%;margin-top:-7px;}
.xinzp01 li .leibie:hover{ text-decoration: underline;}
.xinzp01 li span{ display: block;font-size:12px;color:#999;padding-top:2px;}
.xinzpTxt02{width:100%; height: auto; overflow: hidden;}
.xinzpTxt02 a{ display: block;width:44%; position: relative; float: left; overflow: hidden;}
.xinzpTxt02 a:nth-of-type(2){ float: right;}
.xinzpTxt02 a img{ display: block;}
.xinzpTxt02 a span{height:28px;font-size:12px;line-height:28px; text-align: center;padding:0 5px; background:url(../img/bg01.png) repeat;color:#fff; position: absolute;bottom:0;left:0; width:100%;}
.xinzp02 li .leibie{color:#84a663;}
.xinzp03{margin-right:0; margin-top:12px;}
.xinzp03 ul{padding:0;margin-top:-14px;}
.xinzp03 li .leibie{color:#ef9b4a;}
.xinzp01 li .xiaoshuo{color:#195aa4;}
.xinzp01 li .sanwen{color:#84a663;}
.xinzp01 li .shige{color:#ef9b4a;}
.xinzp01 li .pinglun{color:#e65c6d;}
.xinzp01 li .suibi{color:#c19d8f;}
.xinzp01 li .zhengwen{color:#8ab1d5;}
.xinzp01 li .qita{color:#88506f;}
/*wenxuehd*/
.wenxuehd{margin-top:25px;}
.wenxuehdL{width:65.5%; height:auto; overflow: hidden; float: left;}
.exhibit_list{width:47.33%; float: left;margin-right:5.34%}
.exhibit_list a{ display:block; float: left; overflow: hidden; position: relative;}
.exhibit_list a img{ display:block;}
.exhibit_list a p{ position: absolute; bottom:0; left:0; width:100%; padding: 0 10px; height: 34px; line-height: 34px; background: rgba(0,0,0,.60); color: #fff;}
.exhibit_list a p img{ display: inline-block; vertical-align: middle;margin-right:5px;width:15px;}
.exhibit_list a:nth-child(1){ width:100%}
.exhibit_list a:nth-child(2),.exhibit_list a:nth-child(3){ width:44.79%; font-size: 12px;}
.exhibit_list a:nth-child(2) p,.exhibit_list a:nth-child(3) p{height:28px;line-height:28px;padding: 0 5px;}
.exhibit_list a:nth-child(1){ margin-bottom:6.42%;}
.exhibit_list a:nth-child(2){ margin-right: 10.42%;}
.wxhdList{ overflow: hidden;margin-top:-5px; float: left;width:47.33%;}
.wxhdList ul li a{height:38px;line-height:38px;}
.wxhdList ul li span{display: inline-block;width:48px;}
.wxhdList ul li span i{ display: inline-block; background: #ed5353; border-radius: 3px;height:18px;line-height:18px;width:37px; text-align: center;}
.wxhdList ul li a img{margin-top:3px;}
/*.wxhdList ul li:nth-last-of-type(1) a::before,.wxhdList ul li:nth-last-of-type(2) a::before,.wxhdList ul li:nth-last-of-type(3) a::before{ display: none;}
.wxhdList ul li:nth-last-of-type(1) a,.wxhdList ul li:nth-last-of-type(2) a,.wxhdList ul li:nth-last-of-type(3) a{padding-left:0;}*/
.wenxuehdR{width:31%; float: right;}
.title_03{ background: #f8f8f8;border:1px solid #f0f0f0;padding-left:20px; font-weight:normal;margin-bottom:0;}
.title_03 span{border:none;font-size:18px;color:#195aa4;}
.title_03 .more_01{margin-right:10px;}
.rCont{border:1px solid #f0f0f0;padding:10px 20px;}
.rCont dl{ height: auto; overflow: hidden;padding:10px 0;}
.rCont dt{width:80px;height:80px; overflow: hidden; float: left;}
.rCont dd{ overflow: hidden;padding-left:15px;font-family: "微软雅黑", Microsoft YaHei, arial;padding-top:18px;}
.rCont dd a{font-weight:bold;}
/*下拉*/
.slDiv{position:relative;width:100%;}
.names_block{max-height:180px;}
.slDiv a{color:#195aa4;} 
.slDiv .btnSelect,.slDiv .btnSelect2{color:#195aa4; cursor:pointer;background:url("../img/index12.png") 95% no-repeat #f8f8f8;width:100%;font-family: "微软雅黑", Microsoft YaHei, arial;border:1px solid #f0f0f0;display:inline-block;text-indent:20px;height:44px;line-height:44px;font-size:18px;margin-top:20px;}  
.slDiv .ulDiv,.slDiv .ulDiv2{display:none;width:100%;border:1px solid #f0f0f0;border-radius:1px;background:#f8f8f8;position:absolute;z-index:100;font-family: "微软雅黑", Microsoft YaHei, arial;}  
.slDiv .ulDiv2{z-index:99;}
.slDiv .ulShow{display:block;}  
.slDiv ul li{text-indent:10px;cursor:pointer;color:#000;text-indent:20px;font-size:18px;}
.slDiv ul li a{ display: block;height:40px;line-height:40px;} 
.slDiv ul li:hover{background:#cbebf6;}  

.contJh{margin-top:20px;}
.contJhL{width:31%; height: auto; overflow: hidden; float: left;}
#fangtan h6{font-size:16px;color:#333;height:54px;line-height:54px;}
#fangtan a:hover h6{color:#e30b20;}
#fangtan p{font-family: "宋体"; text-indent: 28px;color:#888; line-height:26px;}
#fangtan .owl-nav.disabled+.owl-dots{margin-top:20px;}
#fangtan .owl-nav [class*=owl-]{ font-size: 0; position: absolute; top:50%; width:30px; height: 48px; margin-top: -24px; background:rgba(0,0,0,0) url(../img/arrow02_l.png) center center no-repeat;}
#fangtan .owl-nav [class*=owl-].owl-prev{ left:0; opacity: 0}
#fangtan .owl-nav [class*=owl-].owl-next{ right:0; background-image: url(../img/arrow02_r.png); opacity: 0 }
#fangtan:hover .owl-nav [class*=owl-]{ background-color:rgba(0,0,0,0.40);} 
#fangtan:hover .owl-nav [class*=owl-].owl-next,#fangtan:hover .owl-nav [class*=owl-].owl-prev{ opacity: 1;}
#fangtan .owl-dots{margin-top:18px;}
.more_02{ background: url(../img/index21.png) no-repeat center center; opacity: .5;width:30px;height:30px; display: block; float: right;margin-top:15px;-webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.more_02:hover{opacity: 1;}
.contJhC{width:31%; height: auto; overflow: hidden; float: left;margin-left:3.5%;}
.title_04{border-bottom: 1px solid #f1f1f1;}
.title_04 span{border:none;}
.contJhC .left_news{width:100%;padding:0;}
.contJhC .left_news dt{width:120px;height:146px; overflow: hidden;}
.contJhC ul{padding-top:10px;}
.contJhL02{margin-left:0;}
.contJhC .left_news dd p{color:#888;}
/*新书推荐*/
.xinshuTj{margin-top:20px;}
.contMar{width:92%; margin:46px auto 0;}
#newbook span{font-size:12px;color:#888;}
#newbook .item img{ margin:0 auto;}
#newbook .item{ text-align:center;}
#newbook .item p{padding-top:15px;}
#newbook .owl-nav [class*=owl-]{ font-size: 0; position: absolute; top:50%; width:32px; height: 32px; border-radius: 40px; margin-top: -52px; background:url(../img/arrow02_l2.png) center center no-repeat #4977a3;}
#newbook .owl-nav [class*=owl-].owl-prev{ left:-5%;}
#newbook .owl-nav [class*=owl-].owl-next{ right:-5%; background-image: url(../img/arrow02_r2.png);}
#newbook .owl-nav [class*=owl-].disabled{ background-color:#e8eef6;}
#newbook:hover .owl-nav [class*=owl-].owl-next,#newbook:hover .owl-nav [class*=owl-].owl-prev{ opacity: 1;}




/*css控制单行显示*/
.focus_caption,
.more_news ul li a,
#cehua h6,.sz_news ul li a,.pic_News li span,
.news_r li h6,.news_r ul li a, .sz_news ul li a, .wxhdList ul li a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

@media only screen and (max-width: 1023px){
	.rukour dt img{width:100px;}
	.rukouTit{margin-left:25px;}
	.rukour dd{margin-top:115px;}
	.rukour{ background: url(../img/wyb.png) no-repeat 90% 28px #f5f8ff;padding:40px 25px 36px;}
} 

@media only screen and (max-width: 991px){
	main{ width:100%;}
	#focus .item img,.pic_News li{ height: auto;}
	/*.news_r li:nth-child(3){ display: none;}*/
	.pic_News li:nth-child(2){margin-top:15px;}
	.news_r li:nth-child(2){padding-bottom:0;}
	.left_news dd p{ display: none;}
	.btnrukou{padding-bottom:25px;}
	/*6.28修改.rukoul,.rukour{width:100%; float: none;}*/
	#cehua dt img,#cehua dt span{width:80px;height:80px;border-radius: 80px;}
	/*6.28修改*/
	.ad02_add img{width:100%;}
	.rukouTit{margin:0px 0px 0px 15px!important;width:107px;}
	.rukour dl{width:100px;}
	.rukour{padding:19px 15px;background-size:80px auto;}
	.rukour dd,.rukour dt{ float: none;margin-top:0;margin-left:0; text-align: center;}
} 

@media only screen and (max-width: 767px){
	main{ width:100%;}
	#focus{width:100%; float: none;}
	.pic_News{width:100%;}
	.pic_News li{ float: left;width:49%;margin-top:15px;}
	.pic_News li:nth-child(2){margin-left:2%;}
	.pindao_nav{margin-top:0;}
	.pindao_nav ul{margin-left:10px;}
	.news_r ul{padding-top:15px;}
	.news_r{width:100%;}
	.rukoul .ulDiv{ width:242%;}
	.rukoul .ulDiv1{ margin-left:-115%;}
	.sz_news{width:100%;}
	.firstNews h1 a{font-size:22px;}
	.firstNews{padding-bottom:15px;}
	.firstNews p span{display:block;}
	.ad01sj,.bwch_inner{margin-top:15px;}
	.xinwen_inner, .youqingLink_inner{margin-top:15px;}
	.left_news,.right_news{width:100%;margin-right:0;padding:0;}
	.left_news dd p,.ad01sj{ display: block;}
	.shiping dd span,.ad01{ display: none;}
	/*6.28修改*/.rukouTit{margin:0px 15px 15px 25px!important;width:123px;}
	/*6.28修改.rukour{padding-left:0;padding-right:0;}*/
	.xinzp01{width:100%; margin:0;}
	.xinzp02,.xinzp03{margin-top:15px;}
	.wenxuehdL,.wenxuehdR,.exhibit_list,.wxhdList,.contJhL{width:100%; float: none;}
	.wxhdList,.wenxuehdR,.contJh{margin-top:15px;}
	.contJhC{margin-left:0;}
	.xinzpTxt02 a,.exhibit_list a:nth-child(2), .exhibit_list a:nth-child(3),.exhibit_list a:nth-child(1){width:auto;}
	.xinzpTxt02 a img,.exhibit_list a img,#fangtan .owl-item img{ max-width: inherit;width:100%;}
	.xinzpTxt02 a{width: 48%;}
	.exhibit_list a:nth-child(2){margin-right:6.42%;}
	.exhibit_list a:nth-child(2), .exhibit_list a:nth-child(3){width:46.79%;}
	.huiyuan{margin-bottom:15px;}
	/*广告位*/
	.ad01,.ad02,.firstNews img.btimg{ display: none;}
	.firstNews h1.bt01{ display:block;}
	/*6.28修改*/
	.rukoul{padding-bottom:5px;}
	.rukoul,.rukour{width:100%; float: none;}
	.rukour{padding:23px 40px;background-size:95px auto;background: url(../img/wyb.png) no-repeat 75% 28px #f5f8ff;}
	.rukouTit{ float: none; display: inline-block;}
	.rukour dl{ width:100%;}
	.rukour dd,.rukour dt{ float: left;}
	.rukour dt img{width:130px;}
	.rukour dd{margin-left:20px;margin-top:156px;}
	.ad02_add{ display:none;}
}  
@media only screen and (max-width: 321px){
	.exhibit_list a:nth-child(2){margin-right: 3.5%;}
	/*7.3修改*/
	.rukouTit{ margin:0 auto;}
	.rukour dt img{width:100px;}
	.rukour dd{margin-top:120px;}
	.rukour{ background-size:75px auto;}
}

/*图片由小变大*/
.link_img a img,.xinzpTxt02 a img,.exhibit_list a img,.contJhC .left_news dt img,.rCont dt img{
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:400ms;
    max-width: 100%;
    /*position: relative;*/
}

.link_img a:hover img,.xinzpTxt02 a:hover img,.exhibit_list a:hover img,.contJhC .left_news dl:hover dt img,.rCont dl:hover dt img{
    -webkit-transform: scale(1.04, 1.04);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1.04, 1.04);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1.04, 1.04);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}